import React, { useState } from 'react'

function App() {
  // 可以直接在函数式组件中 使用 状态
  // 定义count的初始值为100，修改数据的方式就是 setCount
  // useState 不帮助你处理状态，相较于 setState 非覆盖式更新状态，
  // useState 覆盖式更新状态，需要开发者自己处理逻辑
  const [ count, setCount ] = useState(100)
  return (
    <div>
      <button onClick = { () => {
        // setCount 括号内的运算完的结果
        // setCount(count - 1)
        // setCount((prevState) => {
        //   console.log(prevState)
        //   return prevState - 1
        // })
        setCount(prevState => prevState - 1)
      }}>-</button>
      {
        count 
      }
      <button onClick = { () => {
        setCount(count + 1)
      }}>+</button>
    </div>
  )
}

export default App
